<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8"/>
	<meta name="renderer" content="webkit"/>
	<meta name="viewport"
		  content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
	<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
	<meta name="format-detection" content="telephone=no"/>
	<title>{$employ.title}</title>
	<meta name="keywords" content="{$employ.keywords}">
	<meta name="description"
		  content="{$employ.description}">
	<link rel="shortcut icon" href="{$shop_ico}"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/swiper.min.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/aos.css">
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/public.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/tool.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/header.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/footer.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/style.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/pscroll.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/solution.css"/>
</head>
<body class="Solution-body box-sizing-border ">
<!--头部begin-->
<div class="header-box">
	<header id="header">
		<div class="wrap-full" flex="aic jb">
			<!-- logo start -->
			{include file="logo" /}
			<!-- logo end -->
			<!-- 菜单 start -->
			{include file="menu" /}
			<!-- 菜单 end -->
			<!-- 申请试用 start -->
			{include file="apply" /}
			<!-- 申请试用 end -->
		</div>
	</header>
</div>
<div class="header-box-space"></div>
<!--头部end-->
<!-- 智慧零售banner start -->
<div class="website-banner bgf8f9fc">
	<div class="auto-banner">
		<div class="img-div">
			<img class="pc" src="https://ow.extremevision.com.cn/uploadfile/file/20230519/1684489705166482.jpg"
				 width="1920" alt="在线自助标注平台">
			<img class="phone" src="https://ow.extremevision.com.cn/uploadfile/file/20230519/1684489713333515.jpg"
				 width="1920" alt="在线自助标注平台">
		</div>
		<div class="cont type-a" flex>
			<div class="wrap-1440">
				<h1 class="h1 title mb1">{$product.title}</h1>
				<div class="des color2">{$product.desc}</div>
				<div class="btn-box" flex="wrap">
					<div class="more-box-a type-a" flex="aic wrap">
						<a class="more-box" href="{:url('index/apply')}" target="_blank" flex="aic jc">
							<span class="more-word">申请试用</span>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 智慧零售banner end -->
<main class="main">
	<!-- 智慧零售 start -->
	<!-- 行业痛点 start -->
	<div class="solution_one">
		<div class="wrap-1440">
			<div class="auto-title-block" aos="fade-up" aos-delay="0">
				<!-- <h2 class="auto-title-h2 h2">平台价值</h2> -->
			</div>
			<div class="ul">
				<ul flex="wrap">
					<li aos="fade-up" aos-delay="100">
						<div class="boxs">
							<div class="cons">
								<h3 class="f22 h3">{$product_superiority_t1}</h3>
								<div class="p">{$product_superiority_desc1}</div>
							</div>
						</div>
					</li>
					<li aos="fade-up" aos-delay="200">
						<div class="boxs">
							<div class="cons">
								<h3 class="f22 h3">{$product_superiority_t2}</h3>
								<div class="p">{$product_superiority_desc2}</div>
							</div>
						</div>
					</li>
					<li aos="fade-up" aos-delay="300">
						<div class="boxs">
							<div class="cons">
								<h3 class="f22 h3">{$product_superiority_t3}</h3>
								<div class="p">{$product_superiority_desc3}</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 行业痛点 end -->
	<!-- 智慧零售解决方案 start -->
	<div class="solution_two">
		<div class="wrap-1440">
			<div class="solution_two_l" aos="fade-left">
				<div class="auto-title-block">
					<h2 class="auto-title-h2 h2">{$product.title}</h2>
				</div>
				<div class="solution_two_desc">
					<p>{$product.brief}</p>
				</div>
				<div class="more-btn" flex="ais">
					<div class="more-box-a type-c" flex="aic wrap">
						<a class="more-box" href="{:url('index/apply')}" target="_blank" flex="aic jc">
							<span class="more-word">申请试用</span>
						</a>
					</div>
				</div>
			</div>
			<div class="solution_two_r" aos="fade-right"><img src="{$product.pic}" alt="{$product.title}"/></div>
			<div class="c_l"></div>
		</div>
	</div>
	<!-- 智慧零售解决方案 end -->
	<!-- 方案价值 start -->
	<div class="solution_three">
		<div class="wrap-1440">
			<div class="auto-title-block" aos="fade-up" aos-delay="0">
				<h2 class="auto-title-h2 h2">产品价值</h2>
			</div>
			<div class="ul">
				<ul flex="wrap">
					<li aos="fade-up" aos-delay="100">
						<div class="boxs">
							<div class="cons">
								<div class="txts">
									<h3 class="f22 h3">{$product_merit_p1}</h3>
									<div class="p">
										{$product_merit_desc1}
									</div>
								</div>
								<div class="imgs"><img src="{$product_merit_pic1}" alt="{product_merit_p1}"/></div>
							</div>
						</div>
					</li>
					<li aos="fade-up" aos-delay="200">
						<div class="boxs">
							<div class="cons">
								<div class="txts">
									<h3 class="f22 h3">{$product_merit_p2}</h3>
									<div class="p">
										{$product_merit_desc2}
									</div>
								</div>
								<div class="imgs"><img src="{$product_merit_pic2}" alt="{product_merit_p2}"/></div>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 方案价值 end -->
	<!-- 方案亮点 start -->
	<div class="wrap-1440">
		<div class="auto-title-block" aos="fade-up" aos-delay="0">
			<h2 class="auto-title-h2 h2">产品优势</h2>
		</div>
		<div aos="fade-up" aos-delay="100">
			<!-- 滚动 start -->
			<div class="owl-demo3 owl-carousel">
				<div class="item">
					<dd>
						<a href="javascript:void(0)" title="{$product_advantage_t1}">
							<div class="imgs"><img
									src="{$product_advantage_pic1}"
									alt="{$product_advantage_t1}"/></div>
							<div class="txts">
								<h3 class="f22 h3">{$product_advantage_t1}</h3>
								<div class="p">
									<p>{$product_advantage_desc1}</p>
								</div>
							</div>
						</a>
					</dd>
				</div>
				<div class="item">
					<dd>
						<a href="javascript:void(0)" title="{$product_advantage_t2}">
							<div class="imgs"><img
									src="{$product_advantage_pic2}"
									alt="{$product_advantage_t2}"/></div>
							<div class="txts">
								<h3 class="f22 h3">{$product_advantage_t2}</h3>
								<div class="p">
									<p>{$product_advantage_desc2}</p>
								</div>
							</div>
						</a>
					</dd>
				</div>
				<div class="item">
					<dd>
						<a href="javascript:void(0)" title="{$product_advantage_t3}">
							<div class="imgs"><img
									src="{$product_advantage_pic3}"
									alt="{$product_advantage_t3}"/></div>
							<div class="txts">
								<h3 class="f22 h3">{$product_advantage_t3}</h3>
								<div class="p">
									<p>{$product_advantage_desc3}</p>
								</div>
							</div>
						</a>
					</dd>
				</div>
			</div>
			<!-- 滚动 end -->
		</div>
	</div>
	<!-- 方案亮点 end -->
	<!-- 平台亮点 start -->
	<div class="solution_four bgs2"
		 style="background-image:url(__STATIC_LIB__sanyechong/images/solution/solution_img8.png);">
		<div class="wrap-1440">
			<div class="solution_four_l" aos="fade-left">
				<div class="auto-title-block">
					<h2 class="auto-title-h2 h2">功能亮点</h2>
				</div>
				<div class="ul">
					<ul id="solution_four">
						<li class="on">
							<div class="imgs"><img
									src="{$product_ability_icon1}"
									alt="{$product_ability_t1}" id="img1"/><img
									src="{$product_ability_pic1}"
									alt="{$product_ability_t1}" id="img2"/></div>
							<div class="f18 tit tit2">{$product_ability_t1}</div>
						</li>
						<li>
							<div class="imgs"><img
									src="{$product_ability_icon2}"
									alt="{$product_ability_t2}" id="img1"/><img
									src="{$product_ability_pic2}"
									alt="{$product_ability_t2}" id="img2"/></div>
							<div class="f18 tit tit2">{$product_ability_t2}</div>
						</li>
						<li>
							<div class="imgs"><img
									src="{$product_ability_icon3}"
									alt="{$product_ability_t3}" id="img1"/><img
									src="{$product_ability_pic3}"
									alt="{$product_ability_t3}" id="img2"/></div>
							<div class="f18 tit tit2">{$product_ability_t3}</div>
						</li>
						<li>
							<div class="imgs"><img
									src="{$product_ability_icon4}"
									alt="{$product_ability_t4}" id="img1"/><img
									src="{$product_ability_pic4}"
									alt="{$product_ability_t4}" id="img2"/></div>
							<div class="f18 tit tit2">{$product_ability_t4}</div>
						</li>
						<li>
							<div class="imgs"><img
									src="{$product_ability_icon5}"
									alt="{$product_ability_t5}" id="img1"/><img
									src="{$product_ability_pic5}"
									alt="{$product_ability_t5}" id="img2"/></div>
							<div class="f18 tit tit2">{$product_ability_t5}</div>
						</li>
						<li>
							<div class="imgs"><img
									src="{$product_ability_icon6}"
									alt="{$product_ability_t6}" id="img1"/><img
									src="{$product_ability_pic6}"
									alt="{$product_ability_t6}" id="img2"/></div>
							<div class="f18 tit tit2">{$product_ability_t6}</div>
						</li>
					</ul>
					<div class="c_l"></div>
				</div>
			</div>
			<div class="f18 label" id="solution_four_t"
				 style="background: linear-gradient(315deg, #4788F0 0%, #0062FF 100%);">
				任务管理
			</div>
			<div class="solution_four_r" aos="fade-right">
				<div class="divhidden" style="display:block;">
					<img src="{$product_ability_img1}"
						 alt="{$product_ability_t1}"/>
					<div class="label-cont fs14">{$product_ability_desc1}</div>
				</div>
				<div class="divhidden">
					<img src="{$product_ability_img2}"
						 alt="{$product_ability_t2}"/>
					<div class="label-cont fs14">{$product_ability_desc2}</div>
				</div>
				<div class="divhidden">
					<img src="{$product_ability_img3}"
						 alt="{$product_ability_t3}"/>
					<div class="label-cont fs14">{$product_ability_desc3}</div>
				</div>
				<div class="divhidden">
					<img src="{$product_ability_img4}"
						 alt="{$product_ability_t4}"/>
					<div class="label-cont fs14">{$product_ability_desc4}</div>
				</div>
				<div class="divhidden">
					<img src="{$product_ability_img5}"
						 alt="{$product_ability_t5}"/>
					<div class="label-cont fs14">{$product_ability_desc5}</div>
				</div>
				<div class="divhidden">
					<img src="{$product_ability_img6}"
						 alt="{$product_ability_t6}"/>
					<div class="label-cont fs14">{$product_ability_desc6}</div>
				</div>
			</div>
			<div class="c_l"></div>
		</div>
	</div>
	<!-- 平台亮点 end -->
	<!-- 方案优势 start -->
	<div class="solution_five">
		<div class="wrap-1440">
			<div class="auto-title-block" aos="fade-up" aos-delay="0">
				<h2 class="auto-title-h2 h2"></h2>
			</div>
			<div class="ul" aos="fade-up" aos-delay="100">
			</div>
		</div>
	</div>
	<!-- 方案优势 end -->
	<!-- 成功案例 start -->
	<!-- 成功案例 end -->
</main>
<!-- 智慧零售 end -->
{include file="footer" /}
<script type="text/javascript" src="__STATIC_LIB__sanyechong/js/aos.js"></script>
<script type="text/javascript" src="__STATIC_LIB__sanyechong/js/owl.carousel.js"></script>
<script>
	// rem计算问题延时执行
	function remAfter() {
		/*方案亮点*/
		$(".owl-demo3").owlCarousel({
			items: 3,
			itemsDesktop: [1199, 3],
			itemsDesktopSmall: [979, 3],
			itemsTablet: [768, 2],
			itemsTabletSmall: false,
			itemsMobile: [479, 2],
			lazyLoad: true,
			autoPlay: true,
			rewindNav: false,
			navigation: true
		});
		$("#solution_four li").hover(function () {
			var linum = $(this).index();
			var CaseList = $(".solution_four_r").find(".divhidden");
			$("#solution_four li").removeClass('on');
			$(this).addClass('on');
			CaseList.eq(linum).show().siblings().hide();
			$("#solution_four_t").html($(this).find(".tit").html());
		})
		/*成功案例*/
		$(".owl-demo4").owlCarousel({
			items: 1,
			itemsDesktop: [1199, 1],
			itemsDesktopSmall: [979, 1],
			itemsTablet: [768, 1],
			itemsTabletSmall: false,
			itemsMobile: [479, 1],
			lazyLoad: true,
			autoPlay: true,
			rewindNav: false,
			navigation: true
		});
		setTimeout(function () {
			// 动画
			AOS.refresh();
		}, 100);
	}

	divLoadFun.addFun("loadFun", function () {
		remAfter();
	});
	AOS.init({
		duration: 600,
		easing: 'ease',
		once: true,
	});
</script>
</body>
</html>